<script setup>
import img2 from '../../static/list/image2.png'
</script>

<template>
  <view class="tp7m">
    <br>
    <view class="tp7h1">
      <view class="tp7pian1">
        <view class="tp7tu1">照片</view>
        <view>
          <text style="font-size: 17px">学生姓名</text>
          <br>
          <text style="color: #666666;font-size: 12px">电子信息工程学院</text>
          <br>
          <text style="color: #1E90FF;font-size: 12px">假期已登记</text>
        </view>
      </view>
      <text style="font-size: 12px">学号：20232023</text>
      <br>
      <text style="font-size: 12px">所在年级：2023</text>
      <br>
      <text style="font-size: 12px">所在专业：电子信息工程专业</text>
      <br>
      <text style="font-size: 12px">所在班级：202301班</text>
      <br>
      <text style="font-size: 12px">联系电话：15884418478</text>
    </view>
    <br>
    <view class="tp7h2">
      <text style="font-size: 15px">计划留校开始时间:2024年1月2日 00：00：00</text>
      <br><br>
      <text style="font-size: 15px">计划留校结束时间:2024年1月2日 00：00：00</text>
      <br><br>
      <text style="font-size: 15px">留校校区:A校区</text>
      <br><br>
      <text style="font-size: 15px">留校原因:今年不回家</text>
      <br><br>
      <text style="font-size: 15px">紧急联系人姓名:紧急联系人姓名</text>
      <br><br>
      <text style="font-size: 15px">紧急联系人电话:15888888888</text>
      <br><br>
      <text style="font-size: 15px">留校申请附件:</text>
      <br><br>
      <text style="font-size: 15px">校内原住宿地址:校区A楼栋1单元1-103</text>
      <br><br>
      <text style="font-size: 15px">留校集中住宿地址:等待分配</text>
      <br><br>
      <text style="font-size: 15px">留校期间管理责任人姓名:等待安排</text>
      <br><br>
      <text style="font-size: 15px">留校期间管理责任人联系电话:等待安排</text>
      <br><br>
      <text style="font-size: 15px">管理责任人假期是否在校:等待安排</text>
    </view>
    <br>
    <image :src="img2" class="imgg2"></image>
    <br>
    <button class="tp7bt1">审核通过</button>
    <br>
    <button class="tp7bt2">审核不通过</button>
  </view>
</template>

<style scoped lang="scss">
.tp7m{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(240, 248, 250, 1);
  width: 375px;
}
.tp7h1{
  height: 200px;
  background-color: #ffffff;
  width: 90%;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #666666;
}
.tp7pian1{
  display: flex;
  align-items: center;
}
.tp7tu1{
  width: 80px;
  height: 80px;
  background-color: #666666;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tp7h2{
  height: 550px;
  background-color: #FFFFFF;
  width: 90%;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #666666;
}
.imgg2{
  height: 300px;
  width: 90%;
}
.tp7bt1{
  height: 40px;
  width: 90%;
  background-color: #87CEFA;
}
.tp7bt2{
  height: 40px;
  width: 90%;
  border: 2px solid red;
  color: red;
}
</style>